import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/Login.vue'
import Home from '../components/Home.vue'
import Welcome from '../components/Welcome.vue'
import Users from '../components/user/users.vue'
import Rights from '../components/power/Rights.vue'
import Roles from '../components/power/Roles.vue'
import Cate from '../components/goods/Cate.vue'
import Params from '../components/goods/Params.vue'
import Goods from '../components/goods/Goods.vue'
import Add from '../components/goods/Add.vue'
import Orders from '../components/goods/Orders.vue'
import Reports from '../components/reports/Reports.vue'





Vue.use(VueRouter)

const router= new VueRouter({
  routes: [
    { path: '/', redirect: '/login' },
    { path: '/login', component: Login },
    { path: '/home', component: Home,redirect:'/welcome' ,
      children:[
      {path: '/welcome', component: Welcome}, //因为welcome在home主件中所以配置子路由
      {path:'/users',component: Users},
      {path:'/rights',component: Rights},
      {path:'/roles',component: Roles},
      {path:'/categories',component: Cate},
      {path:'/params',component: Params},
      {path:'/goods',component: Goods},
      {path:'/goods/add',component: Add},
      {path:'/orders',component: Orders},
      {path:'/reports',component: Reports},

    ]
  },
   

  ]
})
//控制页面访问权限 如果用户没登录就就访问其他界面便强制跳转登录界面
//挂载路由导航守卫
router.beforeEach((to,from,next)=> {
  //to代表访问的路径
  //from代表那个路径跳转而来
  //next 是一个函数 表示放行
  // next() 放行 next('/login') 强制跳转
  if(to.path ==='/login') return next();
  // 获取token
  const tokenStr = window.sessionStorage.getItem('token')
   if(!tokenStr) return next('/login')
   next()
})
export default router
